{% extends "::base.html.twig" %}
{% block title %}{{ parent() }} - Groupe{% endblock %}
{% block titre %}{{ parent() }} {{ entity.nom }}{% endblock %}

{% block body %}
<!-- Afficher s'inscrire si l'utilisateur ne fait pas partie du groupe,
et quitter s'il en fait partie -->

{% for message in app.session.getFlashes() %}
<div class="vert">
    <span class="icon small green" data-icon="C"></span> {{ message|trans }}
</div>
{% endfor %}

<!-- Tabs Left -->
<ul class="tabs left">
    <li class="current"><a href="#infos">Les informations</a></li>
    {% if entity.isPublic() or entity.estInscrit(app.user) or entity.getModerateur() == app.user %}
    <li><a href="#contenu">Contenu</a></li>
    <li><a href="#participants">Les participants</a></li>
        {% if entity.isPublic()==false and entity.getModerateur()== app.user%}
        <li><a href="#demandeurs">Les demandes d'inscription</a></li>
        {% endif %}
    {% endif %}
</ul>

<div id="infos" class="tab-content">
    <h4>Les informations</h4>
    <div class="col_6">
        <table class="record_properties">
            <tbody>
                <tr> 
                    <th>Type de groupe </th>
                    <td>{{ entity.page.name }} </td>
                </tr>    
                <tr>
                    <th>Date creation</th>
                    <td>{{ entity.datecreation|date('d-m-Y') }}</td>
                </tr>
                <tr>
                    <th>Description</th>
                    <td>{{ entity.description }}</td>
                </tr>
                <tr>
                    <th>Modérateur</th>
                    <td><a href="{{path("fos_user_presentation_trouver", { 'username': entity.getModerateur().getUsername() })}}">{{ entity.getModerateur().getUsername() }}</a></td>
                </tr>
                
                {% for date in entity.dates %}
            <tr>
                <th>{{ date.name }}</th>
                <td>{{ date.date|date('d-m-Y') }}</td>
            </tr>
            {% endfor %}
            {% for text in entity.texts %}
            <tr>
                <th>{{ text.name }}</th>
                <td>{{ text.text }}</td>
            </tr>
            {% endfor %}
            </tbody>
        </table>    
        {% if entity.tags|length > 0 %}
            <p>Mots clés:</p>                    
            <p>
                {% for tag in entity.tags %}                
                    {{ tag.name }};
                {% endfor %}
            </p>
        {% endif %}
    </div>
</div>


{% if entity.isPublic() or  entity.estInscrit(app.user) or entity.getModerateur() == app.user %}
    <div id="contenu" class="tab-content">
        <script>
            function verif(){
                var bool = false;
                var n = $("input:checked").length;
                if(n > 0){
                    bool = confirm('Etes vous sur de vouloir la suppression ?')
                }
                else{
                    alert("Vous devez sélectionner un commentaire d'abord !");
                }
                return bool;
            }
        </script>
        <h4>Contenu</h4>     
        <div class="col_12">
            <div id='message'>
               {% if entity.estInscrit(app.user) or entity.getModerateur() == app.user %}
                    <form action="{{ path('groupe_commenter')}}" method="post">
                        <textarea name="commentaire" required="required" rows="2" cols="50" style="width:300px; height:50px" placeholder="Poster un commentaire"></textarea>
                        <input type="hidden" name="id" value="{{ entity.id }}"/>
                        <button class="medium blue" type ="submit"><span class="icon small white" data-icon="@"></span> Commenter</button>
                    </form>
                {% endif %}
                <form action="{{ path('commentaire_supp') }}" method="post">
                    {% if entity.getModerateur() == app.user and entity.getPosts()|length > 0 %}  
                        <br/>
                        <input type="hidden" name="id" value="{{ entity.id }}"/>
                        <button class="medium red" type=submit value="submit" onclick="return verif();"><span class="icon small white" data-icon="x"></span> Supprimer les commentaires</button>
                    {% endif %}
                    {% for post in entity.getPosts() %}
                        <blockquote class="small">                            
                            <span>Ecrit par <a href="{{path("fos_user_presentation_trouver", { 'username': post.getUser().getUsername()})}}">{{ post.getUser().getUsername() }}</a> le <i>{{ post.getDateCreation()|date('d-m-Y') }}</i>
                            {% if entity.getModerateur() == app.user %}      
                                <input type="checkbox" name="supp_comm[]" value="{{ post.getId() }}" />
                            {% endif %}</span>
                            <p>{{ post.getPost() }}</p>                            
                        </blockquote>                                
                    {%else %}
                        Pas de commentaires
                    {% endfor %}
                </form>
            </div>
        </div>
    </div>

    <div id="participants" class="tab-content">
        <h4>Les participants</h4>
        <div class="col_6">
            <table>
                {% for ins in entity.getInscrits()  %}
                    <tr>
                        <td><a href="{{path("fos_user_presentation_trouver", { 'username': ins.getUsername() })}}">{{ ins.getUsername() }}</a></td>
                        {% if entity.getModerateur() == app.user %}
                            <td><a class="btn blue small" onclick="if(!confirm('Etes vous sur de vouloir retirer ce participant ?'))return false;" href="{{ path('groupe_retirer', {'id': entity.id, 'username': ins.username }) }}"><span class="icon white small" data-icon="x"></span></a></td>
                        {% endif %}
                    </tr>
                {% else %}
                Pas d'incrits
                {% endfor %}
            </table>
        </div>
    </div>
{% endif %}

    {% if entity.getModerateur() == app.user %}
        <div id="demandeurs" class="tab-content">
            
        <h4>Les demandes</h4>
            <table>
                {% for dem in entity.getDemandeurs()  %}
                <tr>
                    <td> <a href="{{path("fos_user_presentation_trouver", { 'username': dem.getUsername() })}}"> {{ dem.getUsername() }} </a></td>
                    <td><button  class="medium blue" onclick="window.location='{{path("groupe_accepter", { 'id': entity.id , 'user' : dem.username})}}'">Accepter</button> <button class="medium blue" onclick="window.location='{{path("groupe_refuser", { 'id': entity.id, 'user' : dem.username})}}'">Refuser</button></td>
                </tr>
                {% else %}
                    Pas de demandes d'inscription
                {% endfor %}
            </table>
        </div>
    {% endif %}
    <div class="col_7">
        <table>
            <tr>
                <td class="record_actions"><a href="{{ path('groupe') }}" class="btn blue medium"><span class="icon small white" data-icon=":"></span> Retour à la liste</a></td>
            {% if entity.getModerateur() == app.user %}
                <td><form action="{{ path('groupe_edit', { 'id': entity.id }) }}" method="post">
                    <button type="submit" class="medium blue"><span class="icon small white" data-icon="7"></span>Modifier</button>
                </form></td>
                <td><form action="{{ path('groupe_delete', { 'id': entity.id }) }}" method="post">
                            {{ form_widget(delete_form) }}
                        <button type="submit" class="medium blue" onclick="if(!confirm('Etes vous sur de vouloir supprimer le groupe ?'))return false;"><span class="icon small white" data-icon="x"></span> Supprimer</button>
                </form></td>
            {% else %}
                {% if entity.isPublic() %}

                    {% if entity.estInscrit(app.user) %}
                        <td><button class="medium blue" onclick="window.location='{{path('groupe_desinscription', { 'id': entity.id })}}'"><span class="icon small white" data-icon="r"></span> Quitter le groupe</button></td>
                    {% else %}     
                        <td><button class="medium blue" onclick="window.location='{{path('groupe_inscription', { 'id': entity.id })}}'"><span class="icon small white" data-icon="q"></span> S'inscrire</button></td>
                    {% endif %}
                {%else%}
                    {%if entity.estDemandeur(app.user)%}
                        <td><button class="medium blue" onclick="window.location='{{path('groupe_annuler', { 'id': entity.id })}}'"><span class="icon small white" data-icon="X"></span> Annuler la demande</button></td>
                    {% else%}
                        {% if entity.estInscrit(app.user) %}
                            <td><button class="medium blue" onclick="window.location='{{path('groupe_desinscription', { 'id': entity.id })}}'"><span class="icon small white" data-icon="r"></span> Quitter le groupe</button></td>
                        {% else %}
                            <td><button class="medium blue" onclick="window.location='{{path('groupe_demande', { 'id': entity.id })}}'"><span class="icon small white" data-icon="A"></span> Faire une demande</button></td>
                        {% endif %}
                    {% endif %}
                {% endif %}
            {% endif %}
            </tr>
        </table>
    </div>
{% endblock %}
